{{ define "title"}} {{ .Site.Title}} {{end}}
{{ define "header"}} {{ partial "header" .}} {{end}}
{{ define "main"}}

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

  <div id="main">
  <div id="hero">
    <h1>{{.Title}}</h1>
    <p>Go library for building event-driven applications.</p>
  </div>
  <div id="action-buttons">
    <a class="button primary big" href="{{ "/docs/getting-started/" | relURL }}" onclick="ga('send', 'event', 'watermill', 'open_getting_started');">Getting started</a>
    <a class="button outline big" href="https://github.com/ThreeDotsLabs/watermill/" onclick="ga('send', 'event',  'watermill', 'open_github');">View on Github</a>
  </div>
  <div id="kube-features">
    <div class="row gutters">
      <div class="col col-4 item">
        <figure style="font-size: 48px;">
          <i class="fas fa-hand-spock"></i>
        </figure>
        <h3>Easy to use</h3>
        <p>Our goal was to create a tool which is easy to understand, even by junior developers.</p>
      </div>
      <div class="col col-4 item">
        <figure style="font-size: 48px;">
          <i class="fas fa-globe-americas"></i>
        </figure>
        <h3>Universal</h3>
        <p>It doesn't matter if you want to do Event-driven architecture, CQRS, Event Sourcing or just stream MySQL Binlog to Kafka.</p>
      </div>
      <div class="col col-4 item">
        <figure style="font-size: 48px;">
          <i class="fas fa-fighter-jet"></i>
        </figure>
        <h3>Fast</h3>
        <p>Watermill was designed to process hundreds of thousands of messages per second.</p>
      </div>
    </div>
    <div class="row gutters align-center">
      <div class="col col-4 item">
        <figure style="font-size: 48px;">
          <i class="fas fa-expand-arrows-alt"></i>
        </figure>
        <h3>Flexible</h3>
        <p>Every component is built in a way that allows you to configure it for your needs. You can also implement your own middlewares for the router.</p>
      </div>
      <div class="col col-4 item">
        <figure style="font-size: 48px;">
          <i class="fas fa-mountain"></i>
        </figure>
        <h3>Resilient</h3>
        <p>Watermill is using proven technologies and has a strong unit and integration tests coverage for the critical areas.</p>
      </div>
    </div>

    <br>
    <div class="message" data-component="message">
      You can find a detailed explanation of why we've built Watermill in <a href="https://threedots.tech/post/introducing-watermill/">our <i>Introducing Watermill</i> blog post</a>.
    </div>
  </div>
</div>
</div>
{{ end }}
{{ define "footer"}} {{ partial "footer" .}} {{end}}
